@extends('layouts.index')

@push('styles')
<link rel="stylesheet" href="{{ asset('assets/css/HomePage.css') }}"/>
<link rel="stylesheet" href="{{ asset('assets/css/HomeAmend.css') }}"/>
<style>
    body { background: #F5F5F5; font: 18px/1.5 sans-serif; }
    h1, h2 { line-height: 1.2; margin: 0 0 .5em; }
    h1 { font-size: 36px; }
    h2 { font-size: 21px; margin-bottom: 1em; }
    p { margin: 0 0 1em 0; }
    a { color: #0000F0; }
    a:hover { text-decoration: none; }
    code { background: #F5F5F5; max-width: 100px; padding: 2px 6px; word-wrap: break-word; }
    #wrapper { background: #FFF; margin: 1em auto; max-width: 800px; width: 95%; }
    #container { padding: 2em; }
    #welcome, #status { margin-bottom: 2em; }
    #welcome h1 span { display: block; font-size: 75%; }
    #icon-status, #icon-book { float: left; height: 64px; margin-right: 1em; margin-top: -4px; width: 64px; }
    #icon-book { display: none; }

    @media (min-width: 768px) {
        #wrapper { width: 80%; margin: 2em auto; }
        #icon-book { display: inline-block; }
        #status a, #next a { display: block; }

        @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
        @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
        .sf-toolbar { opacity: 0; -webkit-animation: fade-in 1s .2s forwards; animation: fade-in 1s .2s forwards;}
    }
</style>
@endpush

@section('content')
<div class="col_body row">
    <div class="col_body_btn col-body_color">
        <ul class="col_kind clearfix">
            <li class="clearfix color1">
                <a href="{{ route('index.attendence',['route'=>'user-rcd-clock/index']) }}">
                    <div class="pull-left">
                        <span>出勤天数</span>
                    </div>
                    <div class="pull-right">
                        <span>1</span>
                    </div>
                </a>
            </li>
            <li class="clearfix color2">
                <a href="{{ route('index.attendence',['route'=>'user-rcd-leave/index'])}}">
                    <div class="pull-left">
                        <span>假期总数</span>
                    </div>
                    <div class="pull-right">
                        <span>1天</span>
                    </div>
                </a>
            </li>
            <li class="clearfix color3">
                <a href="{{ route('index.parameter',['route'=>'instrument/index'])}}">
                    <div class="pull-left">
                        <span>在库资产</span>
                    </div>
                    <div class="pull-right">
                        <span>1</span>
                    </div>
                </a>
            </li>
            <li class="clearfix color4">
                <a href="{{  route('index.parameter',['route'=>'instrument/index']) }}">
                    <div class="pull-left">
                        <span>停用资产</span>
                    </div>
                    <div class="pull-right">
                        <span>1</span>
                    </div>
                </a>
            </li>
            <li class="clearfix color5">
                <a href="{{  route('index.parameter',['route'=>'instrument/index']) }}">
                    <div class="pull-left">
                        <span>禁用资产</span>
                    </div>
                    <div class="pull-right">
                        <span>1</span>
                    </div>
                </a>
            </li>
        </ul>
        <ul class="clearfix col_kind1">
            <li class="color6">
                <a href="{{  route('index.attendence',['route'=>'user-rcd-leave/index']) }}">
                    <div class="pull-left">
                        <img src="{{ asset('assets/img/47.png') }}">
                    </div>
                    <div class="pull-right">
                        <p>个人假期到期提醒</p>
                        <span>1</span>
                    </div>
                </a>
            </li>
            <li class="color7">
                <a href="{{  route('index.parameter',['route'=>'instrument/index']) }}">
                    <div class="pull-left">
                        <img src="{{ asset('assets/img/48.png') }}">
                    </div>
                    <div class="pull-right">
                        <p>固定资产到期提醒</p>
                        <span>1</span>
                    </div>
                </a>
            </li>
            <li class="color8">
                <a href="{{  route('index.car',['route'=>'car/index']) }}">
                    <div class="pull-left">
                        <img src="{{ asset('assets/img/49.png') }}">
                    </div>
                    <div class="pull-right">
                        <p>车辆年检(保险)到期提醒</p>
                        <span>1</span>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <div class="col_body_list clearfix">
        <div class="col-sm-6 p0">
            <div class="list1t clearfix">
                <div class="list1tl">
                    <img src="{{ asset('assets/img/34.png') }}">
                </div>
                <div class="list1tr">
                    <p>通知公告</p>
                </div>
            </div>
            <div class="list1b">
                <ul class="clearfix">
                </ul>
            </div>
        </div>
        <div class="col-sm-6 p0">
            <div class="list1t clearfix">
                <div class="list1tl">
                    <img src="{{ asset('assets/img/38.png') }}">
                </div>
                <div class="list1tr">
                    <p>制度管理</p>
                </div>
            </div>
            <div class="list1b list1bx">
                <ul class="clearfix">
                </ul>
            </div>
        </div>
        <div class="col-sm-12 p0 psectle">
            <div class="list1tax clearfix">
                <div class="list1taxl">
                    <img src="{{ asset('assets/img/50.png') }}">
                </div>
                <div class="list1taxr clearfix">
                    <p>出勤情况</p>
                </div>
            </div>
            <div class="list1bax">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th><p>序号</p></th>
                        <th><p>部门</p></th>
                        <th><p>姓名</p></th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-sm-12 p0 psectle">
            <div class="list1tax clearfix">
                <div class="list1taxl">
                    <img src="{{ asset('assets/img/51.png') }}">
                </div>
                <div class="list1taxr">
                    <p>假期管理</p>
                </div>
            </div>
            <div class="list1bax">
                <table class="table table-hover table1">
                    <thead>
                    <tr>
                        <th><p>序号</p></th>
                        <th><p>类别</p></th>
                        <th><p>部门</p></th>
                        <th><p>姓名</p></th>
                        <th><p>休假事由</p></th>
                        <th><p>假期总数</p></th>
                        <th><p>已用（天、次）</p></th>
                        <th><p>剩余（天、次）</p></th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-sm-12 p0 imgxiugai">
            <div class="list1tax clearfix">
                <div class="list1taxl">
                    <img src="{{ asset('assets/img/52.png') }}">
                </div>
                <div class="list1taxr">
                    <p>汽车派遣</p>
                </div>
            </div>
            <div class="list1bax list1bax2">
                <table class="table table-hover table1">
                    <thead>
                    <tr>
                        <th><p>Pid</p></th>
                        <th><p>车牌号</p></th>
                        <th><p>车型</p></th>
                        <th><p>燃料</p></th>
                        <th><p>使用部门</p></th>
                        <th><p>颜色</p></th>
                        <th><p>状态</p></th>
                        <th><p>出入库情况</p></th>
                        <th><p>创建时间</p></th>
                        <th><p>修改时间</p></th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <div class="col-sm-12 p0">
            <div class="list1tax clearfix">
                <div class="list1taxl">
                    <img src="{{ asset('assets/img/37.png') }}">
                </div>
                <div class="list1taxr">
                    <p>资产设备故障信息列表</p>
                </div>
            </div>
            <div class="list1bax list1bax2 list1bax3">
                <table class="table table-hover table1">
                    <thead>
                    <tr>
                        <th><p>统一编号</p></th>
                        <th><p>设备名称</p></th>
                        <th><p>型号规格</p></th>
                        <th><p>部门</p></th>
                        <th><p>故障类型</p></th>
                        <th><p>资产状态</p></th>
                        <th><p>损坏原因</p></th>
                        <th><p>录入时间</p></th>
                        <th><p>报修状态</p></th>
                        <th><p>报修人</p></th>
                        <th><p>报修时间</p></th>
                        <th><p>修理单位</p></th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection


@section('scripts')
<script>
    function Distance_jud() {
        var W = $(window).width();
        var H = $(window).height();
        for(var i=240;i<256;i++){
            var W1 = W-i;
            $(".bodyr").width(W1);
            if($(".bodyr").scrollTop() <200){
                break;
            }
        }
        var H1 = H-190;
        $(".bodyr").width(W1);
        $(".bodyer").height(H1);
    }

    Distance_jud();

    $(window).on("resize",function(){
        Distance_jud();
    });
    $('.gotomaintain').click(function(){
        location.href="";
    });
</script>
@endsection


